.weather-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  background: linear-gradient(#1a4682, #5a8ac5);
  border-radius: 50px;
  padding: 32px;
  color: #fff;
  font-size: 24px;
  .weather-img {
    width: 60px;
    height: 60px;
  }
  .city {
    font-size: 32px;
  }
  .temperature {
    font-size: 50px;
  }
  .others {
    display: flex;
    .option:not(:last-child) {
      margin-right: 16px;
    }
  }
  .placeholder {
    flex: 1;
  }
}
